<!-- 未支付订单列表
8/15
张耕博 -->

<template>
  <div id="PackageOrderList">
    <el-row>
      <el-col :span="4">
        <div class="div_border_title">
          <h2>未支付订单</h2>
        </div>
      </el-col>
    </el-row>
    <div v-if="showList===true">
      <PaidList :orderInfo="orderInfo" @returnid="getIndex"></PaidList>
    </div>
    <div v-if="showList===false" style="margin-top:1em">
      <OrderPayments :orderInfo="payData" @returnOrder="getPayInfo"></OrderPayments>
    </div>
  </div>
</template>
<script type="text/javascript">
  import PaidList from '@/components/paymentDetails/PaidList'
  import OrderPayments from '@/components/paymentDetails/OrderPayments'

  export default {
    data () {
      return {
        showList: true,
        payData: {
          bookId: '',
          key: 'PACKAGE_ORDER_GET',
        },
        orderInfo: {
          id: '',
          type: 'PackageOrder',//SiteOrders现场订单,PackageOrder套餐订单,AllOrder全部订单,BoothOrder摊位订单
          Payments: 0,//0未支付，1已支付 ，3已过期
          returnUrl: '',
          key: 'PACKAGE_ORDER_LISTPAGE',
        },
        returnID: '',
      }
    },
    create () {

    },
    methods: {
      getIndex (state) {
        if (state !== '') {
          this.payData.bookId = state
          this.showList = false
        }
      },
      getPayInfo (state) {

      }
    },
    components: {
      PaidList,
      OrderPayments
    }
  }
</script>
<style scoped>
  #PackageOrderList {
    margin: 1em;
  }
</style>
